<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>权益调查</title>
	<style>
	input[type="submit"] {border:none;background:none;cursor:pointer;}
	input[type="reset"] {border:none;background:none;cursor:pointer;}
	#equity-img{
				width:150px;
				height:150px;
				margin-left:23%;
				display:inline;
	}
	.ti{position: absolute;top:1%;left:46%;display: block;}
	h1{position: absolute;top:11%;left:0%;display: block;}
	@media screen and (max-width: 1000px) {
   #equity-img{
				width:140px;
				height:140px;
				margin-left:18%;
				display:inline;
	}
		h1{position: absolute;top:11%;left:0%;}
		.ti{position: absolute;top:1%;left:46%;display: block;}
}
	@media screen and (max-width: 800px) {
   #equity-img{
				width:130px;
				height:130px;
				margin-left:13%;
				display:inline;
	}
	h1{position: absolute;top:11%;left:0%;}
	.ti{position: absolute;top:1%;left:42%;display: block;}
}

	@media screen and (max-width: 600px) {
   #equity-img{
				width:125px;
				height:125px;
				margin-left:8%;
				display:inline;
	}
	h1{position: absolute;top:11%;left:7%;}
	.ti{position: absolute;top:1%;left:48%;display: block;}
}

@media screen and (max-width: 540px) {
   #equity-img{
				width:120px;
				height:120px;
				margin-left:6%;
				display:inline;
	}
	h1{position: absolute;top:11%;left:10%;}
	.ti{position: absolute;top:1%;left:50%;display: block;}
}

		@media screen and (max-width: 480px) {
   #equity-img{
				width:115px;
				height:115px;
				margin-left:8%;
				display:inline;
	}
	h1{position: absolute;top:11%;left:15%;}
	.ti{position: absolute;top:1%;left:54%;display: block;}
}

@media screen and (max-width: 360px) {
   #equity-img{
				width:115px;
				height:115px;
				margin-left:4%;
				display:inline;
	}
	h1{position: absolute;top:11%;left:20%;}
	.ti{position: absolute;top:1%;left:57%;display: block;}
}

@media screen and (max-width: 240px) {
   #equity-img{
				width:110px;
				height:110px;
				margin-left:0%;
				display:inline;
	}
	h1{position: absolute;top:11%;left:20%;}
	.ti{position: absolute;top:1%;left:26%;display: block;}
}


	h4{color:black;}
div{
background-image: url("../../../manage/public/img/equity/1.jpg");
background-repeat: repeat;
}

	</style>
	<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/??sm.min.css,sm-extend.min.css">
	<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/??sm.min.js,sm-extend.min.js' charset='utf-8'></script>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
</head>

<body>
	<form action="{{ url('equity/test') }}" method="post">
<div class="content">
 <h1 class="ti" style="font-size:28px;font-weight:700;">小益</h1>
 <h1 class='title' style="font-size:28px;font-weight:700;">提案收集平台</h1>
<img src="../../../manage/public/img/equity/2.jpg" id="equity-img" >
  <div class="list-block">
    <ul>
 
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-name"></i></div>
          <div class="item-inner">
            <div class="item-title label">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</div>
            <div class="item-input">
              <input type="text" style="background:white" placeholder="Your name" name="name">
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-email"></i></div>
          <div class="item-inner">
            <div class="item-title label">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</div>
            <div class="item-input">
              <input type="text" style="background:white" placeholder="number" name="number">
            </div>
          </div>
        </div>
      </li>
      <li>

        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-email"></i></div>
          <div class="item-inner">
            <div class="item-title label">班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</div>
            <div class="item-input">
              <input type="text" style="background:white" placeholder="Class" name="class">
            </div>
          </div>
        </div>
      </li>
      <li>

      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-email"></i></div>
          <div class="item-inner">
            <div class="item-title label">联系方式</div>
            <div class="item-input">
              <input type="text" style="background:white" placeholder="phone" name="phone" >
            </div>
          </div>
        </div>
      </li>

      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-email"></i></div>
          <div class="item-inner">
            <div class="item-title label">提案标题</div>
            <div class="item-input">
              <input type="text" style="background:white" placeholder="title" name="title" >
            </div>
          </div>
        </div>
      </li>

      <div class="item-content">
          <div class="item-media"><i class="icon icon-form-gender"></i></div>
          <div class="item-inner">
            <div class="item-title label">提案类型</div>
            <div class="item-input" style="background:white">
              <select name="select" id="myselect">
                <option >环境设施</option>
		  		<option >食堂问题</option>
		  		<option >校园维修</option>
		  		<option >网络问题</option>
              </select>
            </div>
          </div>
        </div>
      </li>
     

      <li class="align-top">
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-comment"></i></div>
          <div class="item-inner">
            <div class="item-title label">提案内容</div>
            <div class="item-input" style="background:white">
              <textarea name="content" ></textarea>
            </div>
          </div>
        </div>
      </li>

    </ul>
  </div>

  <script type="text/javascript">
			var myselect=document.getElementById("myselect");
			var index=myselect.selectedIndex;
			var text=myselect.options[index].value;
	</script>

	<center><h5>计算机工程学院团委、学生会</h4></center>
	<center><h5>*技术支持:计算机协会</h4></center>
   <div class="content-block">
   
	<center><input type="reset" value="重置" style="color:black;border:1px solid black;margin-right:100px;">
	<input type="submit" value="提交" style="color:black;border:1px solid black;"></center>

  </div>

</div>
</form>

       

</body>
</html>